* {margin: 0; padding: 0;}
html, body
{width: 100%;height: 100%;overflow:auto;font-size:12px;margin:0;padding:0; font-family:"微软雅黑";background:#fff; text-align:center;
}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#666;}
a:hover{text-decoration:none;}
.hover{background:#0f6c8d;}

i{font-style:normal;}

@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot?t=1493949807789');
    src:
    url('fonts/jzbh.eot?t=1493949807789#iefix') format('embedded-opentype'),
    url('fonts/jzbh.woff?t=1493949807789') format('woff'),
    url('fonts/jzbh.ttf?t=1493949807789') format('truetype'),
    url('fonts/jzbh.svg?t=1493949807789#iconfont') format('svg');
}
.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#active{font-size:12px; color:#289cd5; font-weight:bold;}
.course_main{width:100%; height:100%;}

/*top start*/
.top{width:100%; height:90px; background:#fff; color:#000;}
.top_nr{width:1200px; margin:0 auto;}
.top_left{height:90px; float:left;}
.top_left i{width:180px; height:90px; display:block; float:left; background: url('../images/student/logo.png') no-repeat center;}
.top_left h1{line-height:100px; display:block; float:left; font-size:28px; }

.top_right{height:90px; float:right; line-height:90px; padding-right:10px;}
.top_right a{padding:0 10px; color:#000; font-size:14px; display:block; float:left;}
.top_right a span{padding-right:5px; display:block; float:left;}
.top_right a i{color:#f00; padding: 0 5px; display:block; float:left;}
.top_right a b{display:block; float:left;}
.top_right a img{margin-top:30px; display:block; float:left;}
/*top end*/
/*nav start*/
.nav{width:100%; height:50px; background:#389fc3; margin-top:15px;}
.nav_nr{width:1200px; height:50px; line-height:50px; margin:0 auto;  font-size:14px;}
.nav_nr ul{display:block; margin:0;}
.nav_nr ul li{height:50px;  display:block; float:left;}
.nav_nr ul li a{ color:#fff; display:block; height:50px; float:left; padding:0 20px;}
.nav_nr ul li a:hover{text-decoration:none;}
.nav_nr i{color:#fff; display:block; float:left;}

/*分页 start*/
.fy{width:100%; height:50px; margin-left:15px; margin-top: 10px; float:left;}
/*分页 end*/
/*百分比进度 start*/
.easyPieChart {position: relative;text-align: center;}
.easyPieChart canvas { position: absolute;top: 0;left: 0;}
/*百分比进度 end*/
/*nav end*/
.foot{width:100%; height:50px; clear:both;}

/* 解决内容溢出问题 */
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

/* 面板样式优化 */
.panel {
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e5e5;
}

.panel-heading {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
    background: #f8f8f8;
}

.panel-title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.panel-body {
    padding: 15px;
}

/* 表格样式优化 */
.table {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table th, .table td {
    padding: 10px 15px;
    vertical-align: middle;
    border-top: 1px solid #e5e5e5;
}

.table thead th {
    border-bottom: 2px solid #e5e5e5;
    font-weight: 600;
    background: #f5f5f5;
}

/* 按钮样式优化 */
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.btn-primary {
    color: #fff;
    background-color: #3498db;
    border-color: #2980b9;
}

.btn-primary:hover {
    background-color: #2980b9;
}

/* 修复分页样式 */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #3498db;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li:first-child > a {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > a:focus {
    color: #2980b9;
    background-color: #eee;
}

/* 修复模态框样式 */
.modal-content {
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-body {
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
